<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no;email=no" name="format-detection">
    <title>收货地址</title>

    <link rel="stylesheet" href="../../static/css/lib/bootstrap.min.css">
    <link rel="stylesheet" href="../../static/css/lib/main.css">
    <link rel="stylesheet" href="../../static/css/module/header.css">
    <link rel="stylesheet" href="../../static/css/module/footer.css">
    <link rel="stylesheet" href="../../static/css/page/apply.css">
    <link rel="stylesheet" href="../../static/css/page/usercenter.css">
    <link rel="stylesheet" href="../../static/css/plugin/iconfont.css">
    <link rel="stylesheet" href="../../static/css/page/orderList.css">
</head>
<body>
<div class="wrapper">
    <!-- 头部 -->
    <header class="hidden-xs">
        <nav class="mainnav">
            <div class="container">
                <div class="row-logistics">
                    <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                        <ul class="nav nav-pills topnav" role="tablist">
                            <li class="nav-item" role="presentation">
                                <a href="#">活动报名</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="#">楚才书店</a>
                            </li>
                            <li class="logo-item">
                                <img src="../../static/images/logo.png" width="105" height="104" alt="logo">
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="#">个人中心</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="#">安全退出</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
    </header>

    <!-- 个人信息 -->
    <div class="user-header text-center">
        <div class="user-avatar">
            <img src="../../static/images/avatar_boy.png" alt="avatar">
        </div>
        <div class="user-name">15998566667</div>
        <p class="welcomes">欢迎来到您的楚才</p>
    </div>

    <!-- 个人中心导航栏 -->
    <nav class="navbar navbar-default user-nav" role="navigation">
        <div class="container">
            <div class="user-navbar">
                <ul class="nav navbar-nav" id="userNavbar">
                    <li><a href="userCenter.html">我的报名</a></li>
                    <li><a href="apply_list.html">我的订单</a></li>
                    <li><a href="#">我的购物车</a></li>
                    <li><a href="#">收货地址</a></li>
                    <li><a href="#">完善资料</a></li>
                    <li><a href="modify_user.html">修改密码</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 内容信息 -->
    <div class="container main-body">
        <!-- 内容信息 -->
        <div class="main-content main-content--user main-content--logistics">
            <h3 class="user-title">
                <span>个人中心</span> &gt <span>收货地址</span>
            </h3>
            <!-- 收货地址 -->
            <div class="logistics">
                <div class="row-logistics">
                    <div class="form-group form-group__address">
                        <div class="input-group col-md-12">
                            <label class="col-md-5 address-title"><i class="iconfont">&#xe605;</i>添加收货地址</label>
                        </div>
                    </div>
                    <!-- 收货地址信息 -->
                    <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
                        <form class="form-horizontal form-apply form-apply--fill " role="form">
                            <div class="form-group form-group__address">
                                <label for="receiver" class="col-sm-3 col-xs-4 control-label__address">收货人:</label>
                                <div class="col-sm-9 col-xs-7 input-group">
                                    <input type="text" class="form-control" id="receiver" name="receiver" placeholder="请输入收货人姓名">
                                </div>
                                <div class="line-alert line-alert--apply js-line-alert"><i class="glyphicon glyphicon-info-sign"></i>请输入正确的姓名</div>
                            </div>
                            <div class="form-group form-group__address">
                                <label for="receiverPhone" class="col-sm-3 col-xs-4 control-label__address">手机号:</label>
                                <div class="col-sm-9 col-xs-7 input-group">
                                    <input type="text" class="form-control" id="receiverPhone" name="receiverPhone" placeholder="请输入手机号">
                                </div>
                                <div class="line-alert line-alert--apply js-line-alert"><i class="glyphicon glyphicon-info-sign"></i>请输入正确的手机号</div>
                            </div>
                            <div class="form-group form-group__address">
                                <label for="address" class="col-sm-3 col-xs-4 control-label__address">收货地址:</label>
                                <div class="col-sm-3 col-xs-2 select-schoool">
                                    <select class="form-control">
                                        <option>湖北省</option>
                                        <option>湖北省</option>
                                        <option>湖北省</option>
                                    </select>
                                </div>
                                <div class="col-sm-3 col-xs-2 select-schoool">
                                    <select class="form-control">
                                        <option>武汉市</option>
                                        <option>武汉市</option>
                                        <option>武汉市</option>
                                    </select>
                                </div>
                                <div class="col-sm-3 col-xs-2 select-schoool">
                                    <select class="form-control">
                                        <option>武昌区</option>
                                        <option>江岸区</option>
                                        <option>江汉区</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group form-group__address">
                                <label for="address" class="col-sm-3 col-xs-4 control-label__address">详细地址:</label>
                                <div class="col-sm-9 col-xs-7 col-sm-offset-3 col-xs-offset-5 input-group">
                                    <textarea style=" height: 100px;" class="form-control" id="address" name="address" placeholder="建议您如实填写详细收货地址" rows="5"></textarea>
                                </div>
                                <div class="line-alert line-alert--apply js-line-alert"><i class="glyphicon glyphicon-info-sign"></i>请输入正确的收货地址</div>
                            </div>
                            <div class="form-group form-group__address">
                                <div class="col-sm-9 col-xs-7 col-sm-offset-3 col-xs-offset-5 input-group">
                                    <input type="checkbox" class="" name="isDefault" value="1"><span class="control-label">设为默认地址</span>
                                </div>
                                <div class="line-alert line-alert--apply js-line-alert"><i class="glyphicon glyphicon-info-sign"></i>请输入正确的收货地址</div>
                            </div>
                            <div class="form-group form-group__address">
                                <div class="btn-groups btn-groups--address">
                                    <button class="btn btn-submit col-md-10 col-md-offset-2" type="button">保存</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- 商品列表 -->
            <div class="addressList">
                <table class="table table-header table-header__address">
                    <colgroup>
                        <col style="width:18%">
                        <col style="width:32%">
                        <col style="width:20%">
                        <col style="width:30%">
                    </colgroup>
                    <tbody>
                        <tr>
                            <th>收货人</th>
                            <th>地址</th>
                            <th>手机号</th>
                            <th>操作</th>
                        </tr>
                    </tbody>
                </table>
                <table class="table table-body table-body__address">
                    <colgroup>
                        <col style="width:18%">
                        <col style="width:32%">
                        <col style="width:20%">
                        <col style="width:30%">
                    </colgroup>
                    <tbody class="table-body__cont text-center">
                        <tr>
                            <td><p>张三</p></td>
                            <td><p class="addressDescs">湖北省武汉市江岸区长江日报108号长江日报报业集团</p></td>
                            <td><p>13986211802</p></td>
                            <td>
                                <a class="user-link" href="">修改</a>|<a class="user-link" href="">删除</a>|<span>默认地址</span>
                            </td>
                        </tr>
                        <tr>
                            <td><p>张三</p></td>
                            <td><p class="addressDescs">湖北省武汉市江岸区长江日报108号长江日报报业集团</p></td>
                            <td><p>13986211802</p></td>
                            <td>
                                <a class="user-link" href="">修改</a>|<a class="user-link" href="">删除</a>|<a class="user-link" href="">设为默认地址</a>
                            </td>
                        </tr>
                        <tr>
                            <td><p>张三</p></td>
                            <td><p class="addressDescs">湖北省武汉市江岸区长江日报108号长江日报报业集团</p></td>
                            <td><p>13986211802</p></td>
                            <td>
                                <a class="user-link" href="">修改</a>|<a class="user-link" href="">删除</a>|<a class="user-link" href="">设为默认地址</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- 底部 -->
<footer class="hidden-xs">
    <div class="container">
        <div class="row">
            <div class="col-sm-10 col-sm-offset-1">
                版权所有 武汉楚才竞赛网 鄂ICP备14016248号COPYRIGHT @2013-2014 CHUCAI.GNJ.CN ALL RIGHT RESERVED
                <img src="../../static/images/logo_cjrb.png" width="136" height="42" alt="cjrbLogo">
            </div>
        </div>
    </div>
</footer>

<script src="../../static/js/lib/jquery-1.9.1.min.js"></script>
<script src="../../static/js/lib/bootstrap.min.js"></script>
</body>
</html>